@import "@/styles/variables";
.wrapper {

}

.root {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;

  padding: 1rem;
}

.num {
  padding: 0.5rem;
  border-top: 1px solid rgba($color-text, 0.6);
  border-bottom: 1px solid rgba($color-text, 0.6);
  color: rgba($color-text, 0.6);
  cursor: pointer;

  &:not(:nth-last-child(2)) {
    border-right: 1px solid rgba($color-text, 0.6);
  }

  &[data-pg-active=true] {
    background-color: $color-primary;
    color: #ffffff;
  }
}

.next {
  padding: 0.5rem 1rem;
  border: 1px solid rgba($color-text, 0.6);
  color: rgba($color-text, 0.6);
  border-radius:0 0.25rem 0.25rem 0;
  cursor: pointer;
  &:disabled {
    cursor: not-allowed;
  }
}

.prev {
  padding: 0.5rem 1rem;
  border: 1px solid rgba($color-text, 0.6);
  color: rgba($color-text, 0.6);
  border-radius: 0.25rem 0 0 0.25rem;
  cursor: pointer;
  &:disabled {
    cursor: not-allowed;
  }
}
